div{
    margin: 10px;
    padding: 5px;
}

#father{
    border: 1px #000 solid;
}
#father:after{
    content: '';
    display: block;
    clear: both;
}

.layer01{
    border: 1px #FAACA8 dashed;
    display: inline-block;
    float: left;
}

.layer02{
    border: 1px #ffd155 dashed;
    display: inline-block;
    float: left;
}

.layer03{
    border: 1px #b3ffb4 dashed;
    display: inline-block;
    float: left;
}

/*
clear: left;  右侧不允许有浮动元素
clear: right;  左侧不允许有浮动元素
clear: both;  两侧不允许有浮动元素
clear: none;  允许周围有浮动元素
*/
.layer04{
    border: 1px #DDD6F3 dashed;
    font-size: 12px;
    line-height: 23px;
    display: inline-block;
    float: left;
    clear: left;
}
